<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>


<!-- BUSCAR -->
<div id="contenedorBuscar">

	<form id="ListarPorParametros" action="ListarPorParametros.action" method="post">
<%-- 	<input type="hidden" class="hidPaginaDeseada" name="paginaActual" value='<s:property value="paginaActual"/>'/> --%>
		<s:hidden id="hidPaginaDeseada" name="paginaActual"/>
	
	<table>
<%-- 		<tr><td>codigo:</td><td><input id="aluCodigo"  name="alumno.codigo" type="text"  value='<s:property value="alumno.codigo"/>'/></td></tr> --%>
		<tr><td>codigo:</td><td><s:textfield  id="visCodigo" name="alumno.codigo" theme="simple" /></td>
		<td>		
			 <sj:a
			 		id="btnFrmListarPorParametro"
	            	button="true"
	         >Buscar</sj:a>	
		</td>
		</tr>
		<tr><td>nombre:</td><td><s:textfield  id="visNombre" name="alumno.nombre" theme="simple" /></td><td></td></tr>
		<tr><td>ciclo:</td><td><s:textfield  id="visCiclo" name="alumno.ciclo" theme="simple" /></td><td></td></tr>
		
		</table>
	</form>
	
</div>

<!-- 

	*****PAGINACION
	
 -->
<!-- LISTADO -->
<div id="contenedorPaginacion">


<!-- LA TABLA -->
<div id="contenedorListado">

<%-- <s:hidden cssClass="hidPaginaDeseada" name="paginaActual"/> --%>


<table id="tablaLista" border=1 >
	<thead>
		<tr>
			<td>Codigo</td>
			<td>Nombre</td>
			<td>Telefono</td>
			<td>Ciclo</td>
			<td>editar</td>
			<td>eliminar</td>
		</tr>
	</thead>
	<tbody>
		
		<s:iterator value="listaAlumnoDTOs">
		<tr>
			<td><s:property value="codigo"/></td>
			<td><s:property value="nombre"/> <s:property value="apellido"/></td>
			<td><s:property value="telefono"/></td>
			<td><s:property value="ciclo"/></td>
			
			<td>
<!-- 			ESTE FORMULARIO EDITA -->
<%-- 			  <a class="btnModificar" href="#" id="<s:property value="id"/>">Modificar</a> --%>
			<form  action="DialogModificarAlumno.action" method="post">
			<input type="hidden" value="<s:property value="id"/>" name="alumnoParaModificar.id"/>
	         <sj:submit 
	            	targets="dialogModificarAlumno" 
	            	openDialog="dialogModificarAlumno"
	            	button="true"
	            	buttonIcon="ui-icon-pencil"
					value="editar"
	         />
	        </form>
			</td>
			<td>
<!-- 			boton eliminar -->
			<sj:a
			 		id="%{id}"
			 		cssClass="btnEliminarAlumno"
	            	button="true"
	            	buttonIcon="ui-icon-circle-close"
	            	buttonText="false"
	         >eliminar</sj:a>	
			</td>

			
		</tr>
		</s:iterator>
		
		
	</tbody>
</table>
<br>
<!-- <paginado> -->
<s:iterator  status="stat" value="(cantidadPaginas).{ #this }">
	<s:if test="%{#stat.count==paginaActual}">
		<a id="numeroPaginaActual" style="color: RED; font-weight: bold;" href="#" class="numeroPagina" ><s:property value="#stat.count" /></a>
	</s:if>
	<s:elseif test="%{#stat.count!=paginaActual}">
	   <a href="#" class="numeroPagina" ><s:property value="#stat.count" /></a>
	</s:elseif>
	
</s:iterator>
</div>

<br>


<!-- FORMULARIO OCULTO PARA EL MODIFICAR -->
<form id="frmDialogModificar" action="DialogModificarAlumno.action" method="post">
<input type="hidden" id="idAlumnoModificar" name="alumnoModificar.id" /> 
</form>
<!-- FORMULARIO OCULTO PARA EL ELIMINAR -->
<form id="frmEliminarAlumno" action="EliminarAlumno.action" method="post">
<!-- PARA EL PAGINADO -->
<s:hidden id="hidPaginaDeseadaE" name="paginaActual"/>
<!-- los parametros de busqueda -->
<s:hidden cssClass="hidCodigo" name="alumno.codigo"/>
<s:hidden cssClass="hidNombre" name="alumno.nombre"/>
<s:hidden cssClass="hidCiclo" name="alumno.ciclo"/>


<s:hidden id="idAlumnoEliminar" name="alumnoParaModificar.id"/>

</form>

<!-- SCRIPT PARA CAMBIAR DE PAGINA -->
<script type="text/javascript">	
	$(document).ready(function () {
		
		//para los links de las paginas
		 $(".numeroPagina").live("click",function(){
			 $("#hidPaginaDeseada").val($(this).html());
			 $("#ListarPorParametros").ajaxForm({
                 type: "POST",
                 target: "#contenedorListado"
             }); 
			 $("#ListarPorParametros").submit();
	 	});
		
		//para limpiar el valor antes de buscar nuevamente
		$("#btnFrmListarPorParametro").click(function(){
			 $("#hidPaginaDeseada").val(1);
			 
			 $("#ListarPorParametros").ajaxForm({
                 type: "POST",
                 target: "#contenedorListado"
             }); 
			 $("#ListarPorParametros").submit();
	 	});
		
		//para mandar la paginacion al boton que reg istra el alumno
		$("#btnFrmRegistrarAlumno").live("click",function(){
			$("#hidPaginaDeseadaR").val($("#numeroPaginaActual").html());
			$(".hidCodigo").val($("#visCodigo").val());
			$(".hidNombre").val($("#visNombre").val());
			$(".hidCiclo").val($("#visCiclo").val());
			
			 
			$("#frmRegistrarAlumno").ajaxForm({
                type: "POST",
                target: "#contenedorListado"
            });
			
			 $("#frmRegistrarAlumno").submit();
			 $("#dialogRegistrarAlumno").dialog("close");
			 
	 	});
		
		//para eliminar un registro
		$(".btnEliminarAlumno").live("click",function(data){
			var id= $(this).attr("id");			
			$("#idAlumnoEliminar").val(id);
			$("#hidPaginaDeseadaE").val($("#numeroPaginaActual").html());
			$(".hidCodigo").val($("#visCodigo").val());
			$(".hidNombre").val($("#visNombre").val());
			$(".hidCiclo").val($("#visCiclo").val());
			
			$("#frmEliminarAlumno").ajaxForm({
                type: "POST",
                target: "#contenedorListado"
            });
			$("#frmEliminarAlumno").submit();			
	 	});
		
		
		//para mandar la paginacion al boton que modifica el alumno
		$("#btnFrmModificarAlumno").live("click",function(){
			$(".hidPaginaDeseada").val($("#numeroPaginaActual").html());
			$(".hidCodigo").val($("#visCodigo").val());
			$(".hidNombre").val($("#visNombre").val());
			$(".hidCiclo").val($("#visCiclo").val());
			
			
			$("#frmModificarAlumno").ajaxForm({
                type: "POST",
                target: "#contenedorListado"
            }); 
			 $("#frmModificarAlumno").submit();
			 //cerramos la ventana
			 $("#dialogModificarAlumno").dialog("close");
	 	});
		
		
});
</script>

<!-- MENU PAGINACION -->
<div id="contenedorPaginacion">

</div>
</div>
<!-- FIN  -->


<!-- MODAL NUEVO -->
 <sj:dialog 
    	id="dialogRegistrarAlumno" 
    	autoOpen="false" 
    	modal="true" 
    	title="Nuevo Alumno"
 />
    
 <sj:a 
    	openDialog="dialogRegistrarAlumno"
    	href="DialogRegistrarAlumno.action"
    	button="true"
    	buttonIcon="ui-icon-newwin"
    	
  >Nuevo alumno
  </sj:a>
  
  
  
<!--   MODAL MODIFICAR -->
 <sj:dialog 
    	id="dialogModificarAlumno" 
    	autoOpen="false" 
    	modal="true" 
    	title="Modificar Alumno"
 />
    